<template>
  <div class="bottom">
    <div class="bottom_wrap">
      <div class="title_wrap">
        <h1>铭材一站式建材采购平台</h1>
        <p>客服热线：</p>
        <p>010-60381566</p>
        <p>总部地址</p>
        <p>北京市房山区良乡苏庄共创大厦底商103</p>
      </div>
      <div class="logo_wrap"></div>
      <div class="erweima_wrap">
        <div>
          <div>
            <img src="../assets/img/1511575993.png" alt="">
          </div>
        </div>
        <p>扫码下载铭材APP</p>
      </div>
    </div>
  </div>

</template>

<script type="text/ecmascript-6">
  export default {
    props: [],
    mounted() {

    },
    computed: {},
    methods: {},
    components: {}
  }
</script>

<style scoped lang="scss">
  .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #2096d4;
    text-align: left;
    padding-left: 5%;
    padding-right: 5%;
    max-width: 768px;
    min-width: 320px;
    .bottom_wrap {
      overflow: hidden;

      .title_wrap {
        width: 80%;
        margin: 0 auto;
        color: #e6feff;
        margin-bottom: 15px;
        > h1 {
          font-size: 18px;
          font-weight: 500;
          margin-bottom: 11px;
          margin-top: 30px;
          letter-spacing: 2px;
        }
        > p {
          font-size: 12px;
          margin-top: 4px;
          letter-spacing: 1px;
        }
      }
      .logo_wrap {
        width: 50%;
        padding-top: 50%;
        float: left;
        background-image: url("../assets/img/logo.jpg");
        background-repeat: no-repeat;
        background-size: contain;
      }
      .erweima_wrap {
        width: 50%;
        float: left;
        position: relative;
        > div {
          width: 80%;
          padding-top: 80%;
          margin: 0 auto;
          background-color: #fff;
          border-radius: 8px;
          position: relative;
          > div {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 6px;
            > img {
              width: 100%;
              height: 100%;
            }
          }
        }
        > p {
          margin-top: 8px;
          text-align: center;
          font-weight: 500;
          letter-spacing: 1px;
          color: #fff;
        }
      }
    }
  }

</style>
